<!DOCTYPE html>
<html lang="en"  HTML xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>帖子</title>
    <link rel="stylesheet" type="text/css" th:href="@{/css/post.css}">
</head>
<body>
    <div id="header">
        <img th:src="@{'/'+${post.pictrue}}">
		<div class="header">
			<ul>
				<li class="selected">
					<a href="index.html">home</a>
				</li>
				<li>
					<a href="about.html">about</a>
				</li>
				<li>
					<a href="blog.html">blog</a>
				</li>
				<li>
					<a href="shows.html">shows</a>
				</li>
			</ul>
		</div>
		<div class="body">
			<h4 th:text="${post.title}"></h4>
		</div>
	</div>
    <div class="userdata">
        <div class="touxiang" ><img th:src="@{'/'+${post.getPuser().picurl}}">
        </div>
        <div class="username" th:text="${post.getPuser().name}">
        </div>
    </div>

    <div  id="tiezi">
        <div  class="tiezi">
            <div class="cover"></div>
            <div class="content"><p th:text="${post.context}"></p>
            </div>
            <div class="time"><p th:text="${post.time}"></p></div>
        </div>
        <br>
        <div  class="pinglun" th:each="comment:${post.getComments()}">
            <div class="left">
                <div class="touxiang">
                    <img th:src="@{'/'+${comment.getCuser().picurl}}">
                </div>
                <div class="username" th:text="${comment.getCuser().name}"></div>
            </div>
            <div class="right">
                          <p th:text="${comment.context}">
                          </p>
            </div>
        </div>
    </div>
   
    <div class="fapinglun">
              <form th:action="@{'/fapinglun/'+${post.id}}">
                  <textarea class="acc-textarea" name="context">最好不超过两百字</textarea>
                  <button type="submit">提交</button>
              </form>
    </div>
<br>
   <br>
    <div id="footer">
		<p>
			&copy; Copyright &copy; 2022.jiajia All rights reserved.
		</p>
	</div>
</body>
</html>